@import "../../app.less";

page{
    background-color: @background_color;
    padding-bottom:180px;
}

.topBar{
    display: flex;
    width: 90%;
    margin: 0 auto;
    margin-bottom:10px;

    .leftInfo{
        width: 88%;
        margin: 2px auto;
        display: flex;
        flex-direction:column;
        width: 75%;
        // border:1px solid #000;
        .headline{
            color:#63403F;
            font-size: 36px;
            font-weight: 450;
        }

        .mins{
            margin-top: 10px;
            font-size: 25px;
            color:#63403F;
        }
    }

    .rightInfo{
        width: 25%;   
        display: flex;
        flex-direction: column;

        .newPrice{
            display: flex;
            justify-content: flex-end;
            // border:1px solid #000;
            .price{
                // border:1px solid #000;
                height: 100%;
                font-size: 48px;
                font-weight: bolder;
                color:#AD5353;
                text-align: right;
                display: flex;
                justify-content: right;
            }
           
            .CNY{
                // border:1px solid #000;
                color:#AD5353;
                font-weight: bolder;
                margin-top: 20px;
                font-size: 29px;
            }
        }

        .oldPrice{
            text-align: right;
            font-size: 24px;
            color:#63403F;
            font-weight: 400;
            text-decoration:line-through;
        }
    }
}

.landingPage{
    width: 100%;
}

.bookWrap{
    position: fixed;
    width: 100%;
    height: 80px;
    bottom: 60px;
    line-height: 80px;
    font-size: 40px;
    text-align: center;

    .book{
        height: 100%;
        border-radius: 50px;
        background-color: #D1A8A8;
        margin: 0 auto;
        width: 40%;
        font-weight: 400;
        color: white;

    }
}
